{% load static %}
<html lang="zh-CN">
    <head>
        <meta charset="ansi">
        <meta name="description" content={{content_info.title}}>
        <meta name="keywords" content="website,html,css">
        <title>{{content_info.title}}</title>
        <link rel="shortcut icon" href="/static/images/favicon.ico" type="image/x-icon">
        <link rel="icon" href="/static/images/favicon.ico" type="image/ico">
        <link rel="stylesheet" type="text/css" href="/static/css/content.css">
    </head>
    <body style="padding: 20px 50px;">
        <div> <p style="font-family: SFProText;
            font-size: 30px;
            font-weight: bold;
            font-stretch: normal;
            font-style: normal;
            line-height: 1.67;
            letter-spacing: normal;
            text-align: left;
            color: #222222;"
            > {{content_info.title}}</p> </div>
        <div><p style="
            font-family: SFProText;
            font-size: 20px;
            font-weight: 500;
            font-stretch: normal;
            font-style: normal;
            line-height: 1;
            letter-spacing: normal;
            text-align: left;
            color: #5b5b5b;"
            >by {{content_info.source.name}} team</p></div>
        <p> · {{content_info.summary_1}}</p>
        <p> · {{content_info.summary_2}}</p>

        {% if content_info.title_media_type == 'image' %}
           <div> <img style="max-width: 100%;" src={{content_info.title_media_url}} /></div>
        {% elif content_info.title_media_type == 'video' %}
            <div><video style="max-width: 100%;" src={{content_info.title_media_url}} controls="controls" ></video></div>
        {% endif %}
        <p>{{content_info.page_info|safe}} </p>
    </body>
</html>

